<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天气预报</title>
    <link rel="stylesheet" href="./天气预报.css">

</head>

<body>
    <div class="box">
        <video src="../wearther/video/a0.mp4" autoplay=" autoplay" loop="loop" muted="muted"></video>
        <div class="header">
            <div class="header-left">
                <p>全国天气预报</p>
            </div>
            <div class="header-middle">
                <div class="header-middle-nav-1 header-little">
                    <a href="">首页</a>
                </div>
                <div class="header-middle-nav-1 header-active">
                    <a href="">今日天气</a>
                </div>
                <div class="header-middle-nav-1" id="more">
                    <a href="./更多天气.html">更多天气</a>
                </div>
                <div class="header-middle-nav-1">
                    <a href="">新闻资讯</a>
                </div>
                <div class="header-middle-nav-1">
                    <a href="">联系我们</a>
                </div>
            </div>
            <div class="header-right">
                <div class="header-right-1">
                    <div class="header-right-1-img"></div>
                    <span class="location"></span>
                </div>
                <div class="header-right-2">
                    <input type="text" placeholder="请输入地区" id="tet">
                    <button class="but" onclick="">切换</button>
                </div>
            </div>
        </div>
        <!-- -----------------------------头部结束------------------------------------------------------>
        <div class="middle">
            <div class="middle-left">
                <h1>
                    <span class="location"></span>
                    今日天气
                    <span class="middle-left-nav">[刚刚更新]</span>
                </h1>
                <div class="times">
                    <div class="data if">
                     
                    </div>
                    <div class="time if"></div>
                </div>
                <div class="weather">
                    <span class="temp"></span>℃
                    <img src="" class="img1" alt="">
                </div>
                <div class="weather">
                    <span class="min"></span> &nbsp; ~&nbsp;
                    <span class="max"></span>℃
                </div>
                <div class="middle-text">

                </div>
                <div class="middle-end">
                    <h4>温馨提示</h4>
                    <p class="middle-end-p"></p>
                </div>


            </div>
            <div class="middle-right">
                <div class="middle-right-box">
                    <p>运动指数</p>
                    <span class="sport"></span>
                </div>
                <div class="middle-right-box">
                    <p>洗车指数</p>
                    <span class="car"></span>
                </div>

                <div class="middle-right-box">
                    <p>穿衣指数</p>
                    <span class="yi"></span>
                </div>

                <div class="middle-right-box">
                    <p>钓鱼指数</p>
                    <span class="yu"></span>
                </div>

                <div class="middle-right-box">
                    <p>防晒指数</p>
                    <span class="shai"></span>
                </div>

                <div class="middle-right-box">
                    <p>旅游指数</p>
                    <span class="lu"></span>
                </div>


            </div>

        </div>
        <!-- -----------------------------中间部分----------------------------------- -->
        <div class="footer">
            
        Design by:
        <a href="http://www.lixianliang.top/">bysame</a>
        &nbsp;&nbsp;&nbsp;
        <a href="http://www.beian.miit.gov.cn/">江淮川所属</a>
         版权所有，违者必究  &nbsp;&nbsp;&nbsp;数据来源：
        <a href="https://www.heweather.com/">和风天气</a>
        </div>
    </div>
    <script src="./天气预报.js"></script>
</body>

</html>